<template>
	<view class="u-p-20 u-flex" @click.stop="bindClick">
		<text>{{location.city_name}}</text>
		<u-icon name="arrow-down-fill" style="transform: scale(0.6);"></u-icon>
	</view>
</template>

<script setup>
	import store from '@/store/index.js';
	import {
		ref,
		computed,
		getCurrentInstance
	} from 'vue'
	const {
		proxy,
	} = getCurrentInstance()
	const {
		baseImgUrl
	} = proxy
	const {
		nav,
		navLogin,
		navGLogin
	} = proxy.$util;
	const location = computed(() => store.state.$location)
	const bindClick = () =>{
		nav('/pagesSub/cityList/cityList')
	}
</script>

<style lang="scss" scoped>

</style>